// -----------------登陆注册切换--------------------------
$(".login a").on("click", function () {
    $(".register").show().prev().hide();
});
$(".register a").on("click", function () {
    $(".login").show().next().hide();
});

// -------------------注册功能------------------------------
let layer = layui.layer;
$(".register form").on("submit", function (e) {
    // 阻止表单默认刷新
    e.preventDefault();
    // 获取表单数据
    let data = $(this).serialize();
    $.ajax({
        type: "POST",
        data: data,
        url: "/api/reguser",
        success: function (res) {
            layer.msg(res.message);
            if (res.statues === 0) {
                // 重置表单
                $(".register form")[0].reset();
                // 返回登陆页面
                $(".login").show().next().hide();
            }
        },
    });
});

// ---------------------注册表单模块验证-----------------------
// 1.使用layui中的layui.form
let form = layui.form;
// 2.使用form.verify()
form.verify({
    username: [/^[a-zA-Z0-9_]{3,16}$/, "请输入3-16位包含字母数字下划线账户名"],
    pwd: [/^\S{6,12}$/, "密码6~12位且不能有空格"],
    // 确认密码,参数为确认密码框的值
    same: function (pwd) {
        // 判断注册密码框的值和确认密码框的值是否一致
        if (pwd !== $(".register #code").val()) {
            return "两次输入的密码不一致,请重新输入";
        } else {
            $(".login").show().next().hide();
        }
    },
});

// ---------------------登陆功能-----------------------
$(".login form").on("submit", function (e) {
    e.preventDefault();
    // 获取表单值
    let data = $(this).serialize();
    // 发送post请求
    $.ajax({
        type: "POST",
        data: data,
        url: "/api/login",
        success: function (res) {
            console.log(res);
            // 如果请求成功提示状态
            if (res.status === 0) {
                layer.msg(res.message, { time: 2000 }, function () {
                    // 路径和                                       当前html使用js文件路径相关
                    localStorage.setItem("token", res.token);
                    location.href = "./index.html";
                });
            } else {
                layer.msg(res.message);
            }
        },
    });
});
